<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <base href="<%=basePath%>">
    <meta charset="utf-8"/>
    <title>添加用户</title>
    <meta name="description" content="overview & stats"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="static/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="static/css/bootstrap-responsive.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="static/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="static/css/ace.min.css"/>
    <link rel="stylesheet" href="static/css/ace-responsive.min.css"/>
    <link rel="stylesheet" href="static/css/ace-skins.min.css"/>
    <script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
    <!--提示框-->
    <script type="text/javascript" src="static/js/jquery.tips.js"></script>
</head>

<script type="text/javascript">
    $(function () {
        top.hangge();

        $("#type").change(function () {
            var type = $(this).val();
            if (type == 1 || type == 2) {
                $(".imgUrlControl").css("display", "block");
                $(".imgUrlControl").find(":input").attr("disabled", false);
            } else {
                $(".imgUrlControl").css("display", "none");
                $(".imgUrlControl").find(":input").attr("disabled", true);
            }
        });

        $("#skipType").change(function () {
            var type = $(this).val();
            if (type == 2) {
                $(".smallProgramControl").css("display", "block");
                $(".gzhControl").css("display", "none");
                $(".advertSDKControl").css("display", "none");
                $(".smallProgramControl").find(":input").attr("disabled", false);
                $(".gzhControl").find(":input").attr("disabled", true);
                $(".advertSDKControl").find(":input").attr("disabled", true);
            } else if (type == 3) {
                $(".smallProgramControl").css("display", "none");
                $(".gzhControl").css("display", "block");
                $(".advertSDKControl").css("display", "none");
                $(".smallProgramControl").find(":input").attr("disabled", true);
                $(".gzhControl").find(":input").attr("disabled", false);
                $(".advertSDKControl").find(":input").attr("disabled", true);
            } else if (type == 4) {
                $(".smallProgramControl").css("display", "none");
                $(".gzhControl").css("display", "none");
                $(".advertSDKControl").css("display", "block");
                $(".smallProgramControl").find(":input").attr("disabled", true);
                $(".gzhControl").find(":input").attr("disabled", true);
                $(".advertSDKControl").find(":input").attr("disabled", false);
            } else {
                $(".smallProgramControl").css("display", "none");
                $(".gzhControl").css("display", "none");
                $(".advertSDKControl").css("display", "none");
                $(".smallProgramControl").find(":input").attr("disabled", true);
                $(".gzhControl").find(":input").attr("disabled", true);
                $(".advertSDKControl").find(":input").attr("disabled", true);
            }
        });

    });


    //保存
    function save() {
        if ($("#email").val() == "") {
            $("#email").tips({
                side: 3,
                msg: '请输入邮箱',
                bg: '#AE81FF',
                time: 2
            });
            $("#email").focus();
            return false;
        }

        if ($("#phone").val() == "") {
            $("#phone").tips({
                side: 3,
                msg: '请输入手机号',
                bg: '#AE81FF',
                time: 2
            });
            $("#phone").focus();
            return false;
        }

        if ($("#pwd").val() == "") {
            $("#pwd").tips({
                side: 3,
                msg: '请输入密码',
                bg: '#AE81FF',
                time: 2
            });
            $("#pwd").focus();
            return false;
        }

        if ($("#re_pwd").val() == "") {
            $("#re_pwd").tips({
                side: 3,
                msg: '请再次输入密码',
                bg: '#AE81FF',
                time: 2
            });
            $("#re_pwd").focus();
            return false;
        }
        if(! $("#re_pwd").val().eq($("#pwd").val())){
            $("#re_pwd").tips({
                side: 3,
                msg: '2次密码输入不一致',
                bg: '#AE81FF',
                time: 2
            });
            $("#re_pwd").focus();
            return false;
        }

        //提交
        $("#menuForm").submit();
        $("#zhongxin").hide();
        $("#zhongxin2").show();
    }

</script>

<body>
<form action="account/add" name="menuForm" id="menuForm" method="post" enctype="multipart/form-data">
    <div id="zhongxin" class="zhongxin-cla">
        <table>
            <tr>
                <td>
                    <span>用户昵称：</span>
                    <input type="text" name="name" id="name" placeholder=""/>
                </td>
            </tr>
            <tr>
                <td>
                    <font color='red'>*</font>
                    <span>邮箱：</span>
                    <input type="email" name="email" id="email"/>
                </td>
            </tr>
            <tr>
                <td>
                    <font color='red'>*</font>
                    <span>手机号：</span>
                    <input type="number" name="phone" id="phone"/>
                </td>
            </tr>
            <tr>
                <td>
                    <font color='red'>*</font>
                    <span>密码(最少8个字符)：</span>
                    <input type="password" name="pwd" id="pwd" minlength="8" />
                </td>
            </tr>
            <tr>
                <td>
                    <font color='red'>*</font>
                    <span>重新输入密码：</span>
                    <input type="password" id="re_pwd" name="re_pwd" minlength="8" />
                </td>
            </tr>

            <tr>
                <td style="text-align: center; padding-top: 10px;">
                    <a class="btn btn-mini btn-primary" onclick="save();">保存</a>
                    <a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
                </td>
            </tr>
        </table>
    </div>
    <div id="zhongxin2" class="center" style="display:none">
        <br/><br/><br/><img src="static/images/jiazai.gif"/><br/>
        <h4 class="lighter block green"></h4>
    </div>
</form>
</body>
</html>